import {
    StyleSheet
} from 'react-native';
import {
    scaleSize,
} from '../../../utils/screen';
import {
    fontFamily
} from '../../components/FontText';
import menustyle from '../style/menu'
export default styles = StyleSheet.create(Object.assign({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
        flexDirection: 'row',
    },
    productView: {
        flex: 1,
        backgroundColor: "#090d17",
    },
    productControl: {
        height: scaleSize(100),
        flexDirection: 'row',
        paddingHorizontal: scaleSize(30),
        alignItems: 'flex-end'
    },
    btns: {
        flex: 1
    },
    searchView: {
        flexDirection: 'row',
        height: scaleSize(60),
        alignItems: 'flex-end',
        justifyContent:"center"
    },
    inputStyle: {
        fontFamily: fontFamily.book,
        fontSize: scaleSize(27),
        paddingLeft: scaleSize(18),
        flex: 1,
        color: "#5f5f5f",
    },
    searchTable: {
        flexDirection: 'row',
        alignItems: 'center',
        paddingLeft: scaleSize(70),
        flex: 1,
        justifyContent: 'space-between',
    },
    registerPanne: {
        flex: 1
    },
    classify: {
        height: scaleSize(110),
        backgroundColor: "#d2d2d2",
        flexDirection: 'row',
    },
    classifyBtn: {
        paddingHorizontal: scaleSize(80),
        justifyContent: 'center',
        alignItems: 'center',
    },
    menu: {
        width: scaleSize(550),
        backgroundColor: "#151c2e",
    },
    orderBox: {
        height: scaleSize(250),
        backgroundColor: "#232b40",
        paddingHorizontal: scaleSize(18),
    },
    pruducWrap: {
        flexDirection: 'row',
        paddingHorizontal: scaleSize(30),
        alignItems: 'center',
    },
    productItem: {
        width: scaleSize(344),
        marginTop: scaleSize(20),
        marginRight: scaleSize(20)
    },
    productNumberView:{
        position:"absolute",
        backgroundColor:"#fff",
        borderRadius:scaleSize(46),
        width:scaleSize(46),
        height:scaleSize(46),
        top:-scaleSize(15),
        right:-scaleSize(15),
        justifyContent: 'center',
        alignItems:"center",
        zIndex:99
    },
    productNumber:{
        color:"#090d17",
        fontSize:scaleSize(26)
    },
    customView: {
        height: scaleSize(344),
        width: scaleSize(344),
        backgroundColor: "#090d17",
        justifyContent:"flex-end",
        borderWidth:1,
    } ,
    customShow:{
        backgroundColor: "#3a3d45",
        height:scaleSize(200),
        paddingHorizontal: scaleSize(12),
        paddingVertical: scaleSize(18),
    },
    customText:{
        color:"#fff",
        fontSize: scaleSize(32),
    },
    swiperBox: {
        flex: 1,
        paddingTop:scaleSize(10)
    },
    categertBox: {
        flexDirection: 'row',
        flexWrap: 'wrap',
        paddingLeft: scaleSize(31),
    },
    categeryItem: {
        marginRight: scaleSize(20),
        marginBottom: scaleSize(20),
    },
    productScene:{
        flex:1,
        flexWrap:"wrap",
        flexDirection:"row",
        paddingLeft:scaleSize(30)
    },
    tableView:{
        height:scaleSize(50),
        paddingHorizontal:scaleSize(30),
        borderRadius:scaleSize(5),
        justifyContent:"center",
        alignItems:"center",
        borderWidth:2,
        borderColor: "#cfa972",
    },
    seatView:{
        borderColor:"#9b9b9b",
        marginLeft: scaleSize(18),
    },
    stext:{
        fontSize:scaleSize(28)
    },
    orderTotal:{
        marginTop:scaleSize(10),
        paddingVertical:scaleSize(18),
        paddingHorizontal:scaleSize(18)
    },
    totalItem:{
        flexDirection:"row",
        justifyContent:'space-between',
        paddingVertical:scaleSize(9)
    },
    totalLable:{
        color:"#fff",
        fontSize:scaleSize(30),
        lineHeight:scaleSize(34)
    },
    totalText:{
        color:"#fff",
        fontSize:scaleSize(30),
        lineHeight:scaleSize(40)
    },
    orderItem:{
        paddingHorizontal:scaleSize(18),
    },
    listitemOrder:{
        flexDirection:"row",
        lineHeight:scaleSize(34),
        paddingVertical:scaleSize(9),
    },
    options:{
        paddingLeft:scaleSize(18)
    },
    listitemName:{
        flex:1
    },
    listitemQty:{
        width:scaleSize(80),
        textAlign:"right"
    },
    listitemPrice:{
        width:scaleSize(180),
        paddingLeft:scaleSize(9),
        textAlign:"right",
    },
    listitemOption:{
        color:"#9b9b9b",
        fontSize:scaleSize(30)
    },
    emptyView:{
        flex:1,
        justifyContent:"center",
        alignItems:"center"
    },
    emptyText:{
        color:"#fff",
        fontSize:scaleSize(32)
    },
    animtedView:{
        position: "absolute",
        left:0,
        right:0,
        bottom:0,
        top:0,
        justifyContent:"center",
        alignItems:"center"
    },
    optionsPop:{
        width:scaleSize(1200),
        height:scaleSize(1000),
        backgroundColor: "#151c2e",
        borderRadius: 1,
    },
    popTitle:{
        flexDirection:"row",
        alignItems:"center",
        height:scaleSize(100)
    },
    popTitleBox:{
        flex:1,
        alignItems:"center",
        justifyContent:"center"
    },
    btnView:{
        paddingHorizontal:scaleSize(30)
    },
    popbtn:{
        color:"#fd265d",
        fontSize:scaleSize(30)
    },
    popContent:{
        flex:1,
        backgroundColor:"#233050",
        // padding:scaleSize(30)
        paddingHorizontal:scaleSize(30)
    },
    optionItem:{
        // marginBottom: scaleSize(18),
    },
    optionTitle:{
        height:scaleSize(80),
        flexDirection: 'row',
        alignItems: 'center',
    },
    titleText:{
        color:"#fff",
        fontSize: scaleSize(30),
    },
    optionContent:{
        flexDirection: 'row',
        alignItems: 'center',
        flexWrap: 'wrap',
        paddingBottom: scaleSize(30)
    },
    optionValue:{
        backgroundColor: "#cfa972",
        height:scaleSize(60),
        marginBottom: scaleSize(18),
        paddingHorizontal: scaleSize(30),
        marginRight: scaleSize(19),
        alignItems: 'center',
        flexDirection: 'row',
        borderRadius: scaleSize(6),
    },
    optiontext:{
        color:"#fff",
        fontSize: scaleSize(30),
    },
    inputItem:{
        flexDirection: 'row',
        height:scaleSize(80),
        alignItems: 'center',
        justifyContent: 'space-between',
        backgroundColor: "#151c2e",
        paddingHorizontal: scaleSize(18),
        marginBottom: scaleSize(18),
    },
    inputLable:{
        color:"#fff",
        fontSize: scaleSize(30),
    },
    input:{
        flex:1,
        paddingHorizontal: scaleSize(18),
        textAlign:"right"
    },
    noteLine:{
        paddingLeft:scaleSize(18)
    },
    noteLineText:{
        color:"#cfa972",
        fontSize:scaleSize(24)
    }
},menustyle));
